@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz@0,6..12;1,6..12&display=swap');

 .nunitosans {font-family: 'Nunito Sans', sans-serif;}


* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;

}


body {
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

.container  {
    width: 1200px;
    margin: 0 auto;
}

.row   {
    display: block;
    width: 100%;
}

.row::after {
    content: '';
    display: block;
    clear: both;
}

.w70 {
    width: 70%;
    float: left;
}

.w30 {
    width: 30%;
    float: left;


}

.w50 {
    width: 50%;
    float: left;
}




.w33 {
    width: 33.333333333333%;
    float: left;
}

.header {
    background-color: rgb(81, 167, 160);
}


.menu {
    background-color: rgb(80, 125, 110);
    width: 100%;
    height: 46px;
}

.headtext {
    color: aliceblue;
}

a {
    text-decoration: none;
    color: aliceblue;
}

.button {
    display: inline-block;
    padding: 12px;
    transition: 0.5s;
    color: aliceblue;
}

.button:hover {
    background-color: rgb(127, 178, 178);
    
}

.logo {
    float: left;
    transition: 0.5s;
}

.logo:hover {
    transform: scale(1.2);
}

.title {
    font-size: 48px;
    color: aliceblue;
}

b {
    text-decoration: none;
    font-size: 24px;
   
}

h2{
    padding-top: 20px;
}

.fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.desc {
    font-size: 20px;
}

th {
    font-size: 18px;
}

.btn {
    display: inline-block; 
    background: rgb(80, 125, 110); 
    color: #fff; 
    text-decoration: none; 
    border-radius: 8px;
    padding: 8px 8px;
    font-size: 20px;
}

.w20 {
    width: 20%;
    float: left;
}


.w25 {
    width: 25%;
    float: left;
}